﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>系统管理-属性管理-添加属性</title>
	<link href="css/common.css" rel="stylesheet">
	<link href="css/ec.css" rel="stylesheet">
	<link href="css/list.css" rel="stylesheet">
	<script src="js/jquery-1.4.2.min.js"></script>
	<script src="js/ec.js"></script>
</head>
<body>
<!-- 主体 -->

<div class="tab set area price">
	<h3><a href="">商城管理平台</a><a href="">> 公益活动</a><a href="">> 发布活动</a></h3>

	<div class="tablist act">
		<p class="actTitle">发布公益项目</p>
		<!-- 参与人员要求 -->
		<div class="attrBasis ">参与人员要求</div>
		<div class="message set borBtm">
			<table class="basis ask" cellpadding="0" cellspacing="0">
				<tr class="person">
					<td class="first">义工类型<span class="cred"> * </span></td>
					<td colspan="5">
						<div class="attrVal fl">
							<input id="joinAl1" name="join" type="radio" />
							<label for="joinAl1">全部</label>
						</div>
						<div class="attrVal fl">
							<input id="joinYoung" name="join" type="radio" />
							<label for="joinYoung">小义工</label>
						</div>
						<div class="attrVal fl">
							<input id="joinOld" name="join" type="radio" />
							<label for="joinOld">志愿者</label>
						</div>

					</td>
				</tr>
				<tr class="actPostInfo">
					<td class="first">年龄<span class="cred"> * </span></td>
					<td>
						<div class="actAsk">
							从 <input type="text" /> 岁
							到 <input type="text" /> 岁
						</div>
					</td>
					<td class="first">
						性别<span class="cred"> * </span>
					</td>
					<td class="actSelect">
						<div class="select">
							<input type="text" class="display">
							<select >
								<option>男</option>
							</select>
							<a href="" class="arrows">∨</a>
						</div>

					</td>
					<td class="first">
						等级<span class="cred"> * </span>
					</td>
					<td class="actSelect">
						<div class="select">
							<input type="text" class="display">
							<select class="star">
								<option>普通义工</option>
								<option>初级</option>
								<option>中级</option>
								<option>高级</option>
							</select>
							<a href="" class="arrows">∨</a>
						</div>
					</td>
				</tr>
				<tr>
					<td class="first"></td>
					<td colspan="5">
						<div class="actAlert">*志愿者16岁以上，小义工0-15岁，小义工没有星级的划分</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 带队人员要求 -->
		<div class="attrBasis">带队人员要求</div>
		<div class="message set borBtm">
			<table class="basis ask" cellpadding="0" cellspacing="0">
				<tr>
					<td class="first">年龄<span class="cred"> * </span></td>
					<td>
						<div class="actAsk">
							从 <input type="text" /> 岁
							到 <input type="text" /> 岁
						</div>
					</td>
					<td class="first">
						性别<span class="cred"> * </span>
					</td>
					<td class="actSelect">
						<div class="select">
							<input type="text" class="display">
							<select name="">
								<option>男</option>
							</select>
							<a href="" class="arrows">∨</a>
						</div>

					</td>
					<td class="first">
						等级<span class="cred"> * </span>
					</td>
					<td class="actSelect">
						<div class="select">
							<input type="text" class="display">
							<select>
								<option>普通义工</option>
								<option>初级</option>
								<option>中级</option>
								<option>高级</option>
							</select>
							<a href="" class="arrows">∨</a>
						</div>
					</td>
				</tr>
				<tr>
					<td class="first"></td>
					<td colspan="5">
						<label  class="attrVal fl"><input type="checkbox" />我是带队人</label>
						<div class="actAlert fl mr140">*年龄在16周岁以上</div>
					</td>
				</tr>
			</table>
		</div>
		<!-- 活动定义 -->
		<div class="attrBasis">项目定义</div>
		<div class="message set">
			<table class="basis" cellpadding="0" cellspacing="0">
				<tr>
					<td class="first">项目众筹链接<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first">求助QQ客服<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first">求助电话<span class="cred"> * </span></td>
					<td><input type="text" /></td>
				</tr>
				<tr>
					<td class="first">物料众筹电话客服<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first">物料众筹QQ客服<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first">招募志愿者人数<span class="cred"> * </span></td>
					<td><input type="text" /></td>
				</tr>
				<tr>
					<td class="first">专业人员招募人数<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first">活动带队招募人数<span class="cred"> * </span></td>
					<td><input type="text" /></td>
					<td class="first"></td>
					<td></td>
				</tr>
			</table>
			<table class="basis" cellpadding="0" cellspacing="0">
				<tr>
					<td class="first">列表页图片<span class="cred"> * </span></td>
					<td colspan="2">
						<input type="text" readonly="readonly" class="uploadTxt">
						<input  value="上传" class="uploadBtn">
					</td>
					<td class="first">详情页图片<span class="cred"> * </span></td>
					<td colspan="2">
						<input type="text" readonly="readonly" class="uploadTxt">
						<input  value="上传" class="uploadBtn">
						<div class="actAlert fl actPhoto">*要求的尺寸360px*240px，大小不超过300k</div>
					</td>
				</tr>
				<tr>
					<td class="first">项目说明<span class="cred"> * </span></td>
					<td colspan="5">
						<div class="payDesc mt20 mb10"><div class="projDescDiv"><script id="editor" name="paymentRefundDesc" type="text/plain"></script></div></div>
						<input type="button" value="点击显示/隐藏内容" class="payBtn uploadBtn  ml0">
					</td>
				</tr>
			</table>

		</div>
		<p class="save" style="margin-bottom: 30px">
			<input type="submit" value="发布活动" class="red">
		</p>

	</div>
</div>
<script type="text/javascript" charset="utf-8" src="../plugin/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../../ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../ueditor/ueditor.all.js"> </script>
<script>
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor', {
//        去掉数字统计和元素路径
        zIndex  : 0,
    });

    // 活动简介 点击事件
    $(".payBtn").click(function () {
        $('.payDesc').slideToggle("slow");

    });
    // 参与人员要求
    $('.person .attrVal').each(function () {
        $(this).on('click',function () {
            var attr = $(this).find("input").attr('com.project.common.web.utils.id');
            if(attr=="joinYoung"){
                $(this).parents('.person').next('.actPostInfo').find('.star').attr('disabled','disabled');
                $(this).parents('.person').next('.actPostInfo').find('.star').css("background-color","#eee");
            }else {
                $(this).parents('.person').next('.actPostInfo').find('.star').removeAttr('disabled');
                $(this).parents('.person').next('.actPostInfo').find('.star').css("background-color","#fff");
            }
        });
    });
</script>
</body>
</html>